
  .group_list_box{width: 100%;}
 .group_tag{ display: flex; width: 30%; float: left; margin-right: 10rpx;}
 
 
 .pagetitle{ font-weight: 700;}
 
 
 
 .page {
 	margin: 30rpx;
 }
  
.content{margin-bottom: 55rpx;}


.function{padding: 15rpx 0;overflow: hidden;}
.join {width: 48%; float: left;padding: 5rpx;border-bottom: solid 1px #ffffff;}
.apply{width: 48%; float: left;padding: 5rpx;border-bottom: solid 1px #ffffff;}



 
 	.avatar-btn {
 		width: 200rpx;
 		margin: auto;
 	}
 
 
 .avatar {
 	height: 250rpx;
 	text-align: center;
 	width: 200rpx;
 	margin: auto;
 }
 

 	
 .tag {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	margin-top: 20rpx;
 
 }
 
 .submit {
 	background-color: #ffd91d;
 }
 
 
 .tag-item {
 	margin-bottom: 20rpx;
 }
 
 
 
 
 .list
 {
 	padding-top: 20rpx;
 	    padding-bottom: 30rpx;
 	    padding-left: 20rpx;
 	    padding-right: 20rpx;
 	    background-color: #ffffff;
 	    margin: 25rpx;
 	    border-radius: 25rpx;
 	    overflow: hidden;
 	    justify-content: center;
 	    display: flex;
 	}
 	
.list .btn{    
	width: 160rpx;
	    height: 160rpx;
	    float: left;
	    margin: 0 2%;
	    text-align: center;
	    border-radius: 15rpx;
	    box-shadow: 0;
	    line-height: 246rpx;
	    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
		background-repeat: no-repeat;
		background-position: center 32rpx;
		    font-size: 28rpx;
	}	
 
 
 /*用户界面首页*/
 .list .order
 {  
   background-image: url("/static/imgs/order_icon.png")
 }
  
.list .aftersale
{  
	background-image: url("/static/imgs/aftersale_icon.png")
}

.list .student
{  
	background-image: url("/static/imgs/student_icon.png")
}
 
	  
	 
 .page-user {
 	box-sizing: border-box;
 	background-color: #f7f7ff;
 	height: 100vh;
 }
 

 
   .user-nickname {align-items: center; margin-top: 25rpx;}
   
   .user-info {
   	padding-top: 100rpx;
    margin: 0 auto;
    width: 175rpx;
   	align-items: center;}
	 
	 
	 
	 
	 
/* 联系我们样式 */
.contact-us {
  padding-top: 20rpx;
      padding-bottom: 30rpx;
      padding-left: 20rpx;
      padding-right: 20rpx;
      background-color: #ffffff;
      margin: 25rpx;
      border-radius: 25rpx;
      overflow: hidden;
}
.section-title {
font-size: 35rpx;
    margin-bottom: 20rpx;
    font-weight: 600;margin-bottom: 35rpx;
}
.contact-item {
  align-items: center;
  margin-bottom: 45rpx;
  overflow: hidden;
}
.contact-icon {
  width: 80rpx;
  height: 80rpx;
  margin-right: 15rpx;
  float: left;
}
.contact-name {
  font-size: 30rpx;
  font-weight: 600;
}
.contact-phone {
  font-size: 28rpx;
  color: #999;
}





/* 学生页面 */

.container {
  padding: 20rpx;
  background-color: #f8f8f8;
  height: 100vh
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.title {
  font-size: 20px;
  font-weight: bold;
}

.action-buttons button {
  margin-left: 10px;
  margin-top: 25rpx;
  float: right;
}

.action-buttons .edit{
  background-color: #003a86;
}





.student-list {
  margin-top: 20px;
}


.student-item {
  overflow: hidden;
  align-items: center;
  padding: 15px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: #ffffff;
}

.student-name {
	font-weight: 600;
	margin-bottom: 15rpx;
}
 
 
 .student-info  {
 	border-bottom: solid 1px #ececec;
	padding-bottom: 25rpx;
 }
  
  
.student-info text {
	padding-right: 15rpx;
}
 
 
 
 
 
 .form-container {
   background-color: #ffffff;
   border-radius: 8px;
   padding: 20px;
   margin-bottom: 20px;
 }
 
 .form-container input,
 .picker {
         height: 72rpx;
         margin-bottom: 15px;
         padding: 0 10px;
         border: 1px solid #ddd;
         border-radius: 4px;
         line-height: 72rpx;
		  display: block; /* 确保元素是块级元素 */
		  white-space: nowrap; /* 防止内容换行 */
		  overflow: hidden; /* 隐藏超出部分 */
		  text-overflow: ellipsis; /* 显示省略号 */
		 
 }
 
 
 .joinbutton
 {
 width:100%;height: 55rpx; 
 border-radius: 25rpx; position:fixed;
 left:0;
 bottom: 55rpx;
 
 
 }
 
 .join_btn{
 	 background-color: #003a86;color:#ffffff;
 	 border-radius: 25rpx;
 	 border: solid 0px #ffffff;
 	 width: 95%;
 	 height: 85rpx;
 	 text-align: center;
 	 margin: 0 auto;
 	 line-height: 85rpx;
 }